<!--
  Created By Chen_9g
  Copyright: Copyright (c) 2018. Chen_9g 陈刚 (80588183@qq.com).
  Find a way for success and not make excuses for failure.
-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta charset="UTF-8">
	<div th:replace="~{common/__link_i :: #j_link}"></div>
</head>
<body class="childrenBody">
<div th:replace="~{common/__header :: #j_header}"></div>

	<form class="layui-form layui-row">
		<div class="layui-col-md3 layui-col-xs12 user_right">
			<div class="layui-upload-list">
				<img style="max-width: 300px; max-height: 300px;"
					 class="layui-upload-img layui-circle userFaceBtn userAvatar" id="userFace">
			</div>
			<button type="button" class="layui-btn layui-btn-primary userFaceBtn"><i class="layui-icon">&#xe67c;</i>
				掐指一算，我要换一个头像了
			</button>
		</div>
		<div class="layui-col-md6 layui-col-xs12" style="margin-top: 50px;">
			<div class="layui-form-item">
				<label class="layui-form-label">用户名</label>
				<div class="layui-input-block">
					<input type="text" value="" disabled class="layui-input nickname">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">真实姓名</label>
				<div class="layui-input-block">
					<input type="text" value="" placeholder="请输入真实姓名" lay-verify="required"
						   class="layui-input realName">
				</div>
			</div>
			<div class="layui-form-item" pane="">
				<label class="layui-form-label">性别</label>
				<div class="layui-input-block userSex">
					<input type="radio" name="sex" value="男" title="男" checked="">
					<input type="radio" name="sex" value="女" title="女">
					<input type="radio" name="sex" value="保密" title="保密">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">手机号码</label>
				<div class="layui-input-block">
					<input type="tel" value="" placeholder="请输入手机号码" lay-verify="tel" class="layui-input userPhone">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">出生年月</label>
				<div class="layui-input-block">
					<input type="text" value="" placeholder="请输入出生年月" lay-verify="userBirthday" readonly
						   class="layui-input userBirthday">
				</div>
			</div>
			<div class="layui-form-item userAddress">
				<label class="layui-form-label">家庭住址</label>
				<div class="layui-input-inline">
					<select name="province" lay-filter="province" class="province">
						<option value="">请选择市</option>
					</select>
				</div>
				<div class="layui-input-inline">
					<select name="city" lay-filter="city" disabled>
						<option value="">请选择市</option>
					</select>
				</div>
				<div class="layui-input-inline">
					<select name="area" lay-filter="area" disabled>
						<option value="">请选择县/区</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">掌握技术</label>
				<div class="layui-input-block userHobby">
					<input type="checkbox" name="like[Java]" title="Java">
					<input type="checkbox" name="like[Python]" title="Python">
					<input type="checkbox" name="like[javascript]" title="Javascript">
					<input type="checkbox" name="like[C#]" title="C#">
					<input type="checkbox" name="like[php]" title="PHP">
					<input type="checkbox" name="like[ASP]" title="ASP">
					<input type="checkbox" name="like[html]" title="HTML(5)">
					<input type="checkbox" name="like[css]" title="CSS(3)">
					<input type="checkbox" name="like[.net]" title=".net">
					<input type="checkbox" name="like[Angular]" title="Angular">
					<input type="checkbox" name="like[VUE]" title="VUE">
					<input type="checkbox" name="like[XML]" title="XML">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">自我评价</label>
				<div class="layui-input-block">
					<textarea placeholder="请输入内容" class="layui-textarea myself"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit="" lay-filter="changeUser">立即提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</div>
	</form>
<div th:replace="~{common/__footer :: #j_footer}"></div>
<script>
    layui.cache.page = 'userInfo';
</script>
</body>
</html>